<!-- 本体预览页面 -->
<script src="../../../static/header.js" charset="UTF-8" id="importByHead" top="本体模型" left="本体预览"></script>
<div class="layui-side layui-bg-black">
    <div class="layui-side-scroll">
        <!-- 菜单缩放 -->
        <div class="kit-side-fold"></div>
        <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
        <ul class="layui-nav layui-nav-tree" lay-filter="test">
            <li class="layui-nav-item layui-nav-itemed">
                <a href="/index/stack/"> <span>股票</span></a>
            </li>
            <li class="layui-nav-item layui-this">
                <a href=""> <span>债券</span></a>
            </li>
            <li class="layui-nav-item">
                <a href="/index/fund/"> <span>基金</span></a>
            </li>
        </ul>
    </div>
</div>

<script src="/static/layui/layui.js" charset="utf-8"></script>
<script>
    //JavaScript代码区域
    layui.use(['element', 'jquery'], function() {
        var element = layui.element;
        $ = layui.$
        var isShow = true; //定义一个标志位
        $('.kit-side-fold').click(function() {
            //选择出所有的span，并判断是不是hidden
            $('.layui-nav-item span').each(function() {
                if ($(this).is(':hidden')) {
                    $(this).show();
                } else {
                    $(this).hide();
                }
            });
            //判断isshow的状态
            if (isShow) {
                $('.layui-side.layui-bg-black').width(0); //设置宽度
                // $('.kit-side-fold i').css('margin-right', '70%'); //修改图标的位置
                //将footer和body的宽度修改
                $('.layui-body').css('left', 00 + 'px');
                $('.layui-footer').css('left', 00 + 'px');
                //将二级导航栏隐藏
                $('dd span').each(function() {
                    $(this).hide();
                });
                //修改标志位
                isShow = false;
            } else {
                $('.layui-side.layui-bg-black').width(160);
                $('.kit-side-fold i').css('margin-right', '10%');
                $('.layui-body').css('left', 160 + 'px');
                $('.layui-footer').css('left', 160 + 'px');
                $('dd span').each(function() {
                    $(this).show();
                });
                isShow = true;
            }
        });
    });
</script>
<div class="layui-body">
    <!--    内容主体-->
    <table class="layui-hide" id="test"></table>
    <script>
        layui.config({
            base: "/static/tablePlug/"
        }).use(['tablePlug'], function() {
            var table = layui.table;
            table.render({
                elem: '#test',
                size: "sm",
                url: '/index/api/convbond_data/?format=json',
                loading: false,
                smartReloadModel: true,
                cols: [
                    [{
                        field: 'time',
                        title: '时间'
                    }, {
                        field: 'a_name',
                        title: '债券a名称',
                    }, {
                        field: 'abuy1',
                        title: 'a买1',
                        sort: true
                    }, {
                        field: 'asell1',
                        title: 'a卖1'
                    }, {
                        field: 'b_name',
                        title: '债券b名称'
                    }, {
                        field: 'bbuy1',
                        title: 'b买1',
                        sort: true
                    }, {
                        field: 'bsell1',
                        title: 'b卖1'
                    }, {
                        field: 'as_bb',
                        title: 'a买:b卖'
                    }, {
                        field: 'state',
                        title: '状态',
                    }],
                ]
            });

            function do_while() {
                setInterval(function() {
                    table.reload("test")
                }, 1000)
            }
            do_while()

        });
    </script>
</div>
<!-- 设置列高 -->
<style type="text/css">
    .layui-table-cell {
        height: auto;
        line-height: 16px;
    }
</style>

<script src="../../../static/tail.js" charset="UTF-8"></script>